*{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
.container{
	min-width: 960px;
	font-size: 14px;
    .title{
        height: 56px;
        display: flex;
        justify-content: space-between;
        .status{
            line-height: 56px;
            padding-left: 14px;
        }
        .inquire{
            display: flex;
            line-height: 56px;
			padding-right: 14px;
			.help{
				padding-right: 30px;
			}
        }
		}
	.box{
		border: 10px solid #f8f8f8;
		.choose{
			height: 400px;
			background-color: #f8f8f8;
			border: 10px solid #fff;
			.choose_ul{
				.item{
					height: 40px;
					margin: 15px 0 0 10px;
					.form{
						display: flex;
						.text{
							line-height: 40px;
						}
						.ml{
							margin-left: 20px;
						}
						.item_form{
							display: flex;
							margin-left: 10px;
							.input{
								width: 203px;
							}
						}
					}
				}
			}
		.box_bottom{
			padding: 10px 0 0 88px;
			.btn{
				width: 60px;
				height: 30px;
				font-weight: 500;
			}
			.c{
				color: #fff;
				background-color: #1890ff;
			}
			span{
				padding-left: 15px;
				color: #1890ff;
			}
		}
		}
		.order_box{
			padding: 10px;
			.order_details{
				.title_box{
					display: flex;
					.details_title{
						width: 60px;
						height: 30px;
						text-align: center;
						line-height: 30px;
						border-left: 1px solid #eee;
						border-top: 1px solid #eee;
						background-color: #f8f8f8;
					}
					.details_title:nth-of-type(7){
						border-right: 1px solid #eee;
					}
				}
				.order_title_box{
					display: flex;
					.order_details_title{
						width: 168px;
						height: 30px;
						line-height: 30px;
						text-align: center;
						background-color: #f8f8f8;
						margin: 10px 0;
					}
					.order_details_title:first-of-type{
						display: flex;
						width: 420px;
						justify-content: space-between;
						.pl{
							padding-left: 10px;
						}
					}
				}
				.details_container{
					.item{
						.item_title{
							height: 40px;
							background-color: #f8f8f8;
							display: flex;
							line-height: 40px;
							border-left: 1px solid #eee;
							border-right: 1px solid #eee;
							.title_l{
								width: 50%;
								padding-left: 10px;
								.pr{
									padding-right: 10px;
								}
							}
							.title_r{
								width: 50%;
								text-align: right;
								padding-right: 10px;
								color: #1890ff;
							}
						}
						.item_container{
							border-bottom: 1px solid #eee;
							.order{
								display: flex;
								.order_item{
									height: 60px;
									width: 168px;
									display: flex;
									flex-direction: column;
									align-items: center;
									justify-content: center;
									border-right: 1px solid #eee;
									border-top: 1px solid #eee;
								}
								.order_item:first-of-type{
									width: 420px;
									display: flex;
									flex-direction: row;
									align-items: center;
									justify-content: space-between;
									border-right: 1px solid #eee;
									.order_item_l{
										display: flex;
										align-items: center;
										.order_img{
											width: 50px;
											height: 50px;
											margin-right: 10px;
											background-color: #000;
										}
									}
								}
							}
						}
					}
				}
			}
			.pagination{
				margin: 10px 0;
				display: flex;
				flex-direction: row-reverse;
			}
			.order_none{
				height: 305px;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 10px;
				border: 1px solid #eee;
				.icon{
					width: 60px;
					height: 60px;
					border-radius: 50%;
					background-color: #000;
					margin-top: 60px;
				}
				.look{
					margin: 30px 0;
				}
				.btn{
					width: 100px;
					height: 30px;
				}
			
			}
		}
	}
}